<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 三大流程控制语句
        //   顺序结构   从上而下
        //   选择结构   有条件的执行
        //   循环       重复的做同一件事情



        // 选择语句
        //   单分支语句   if(条件) {条件满足则执行以下代码}

        // var yiQing = '严重' ;
        
        // if(yiQing === '严重') {
        //     alert('放假啦') ;
        // }



        // 红绿灯
        var light = 'red' ;
        if(light === 'green') {
            alert('go') ;
        }
        if(light === 'red') {
            alert('stop') ;
        }
        if(light === 'yellow') {
            alert('wait') ;
        }


        // 断点调试  --- sources -> 相应的文件  ->  对应的那一行





        // 双分支语句
        // 语法
        // if(条件语句) {
        //     条件满足执行的代码
        // }
        // else {
        //     条件不满足执行的代码
        // }

        var yiQing = '严重' ;
        if(yiQing === '严重') {
            alert('放假啦') ;
        }
        else {
            alert('继续卷') ;
        }



        // 多分支
        // 语法
        // if(条件) {

        // }
        // else if(条件) {

        // }
        // else if() {

        // }
        // ... 
        // else {

        // }


        var light = 'red' ;
        // 注意：写判断相等的时候   能写三个等号就不写两个
        if(light === 'red') {
            alert('stop') ;
        }
        else if(light == 'green') {
            alert('go') ;
        }
        else if(light == 'yellow') {
            alert('wait') ;
        }
        else {
            alert('灯坏了') ;
        }

    </script>
    
</body>
</html>